<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-language" content="zh-CN" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">
    <title>首页</title>
</head>
<style type="text/css">
    body,div,img,p,a{
    padding:0px;
    margin:0px;
    box-sizing: border-box;
}
.my_bg{
   height:100vh;
   background:url(/images/bg11111.png) no-repeat center;
   background-size:100%;
   text-align:center;
   padding:0.6rem 0.3rem;
}
.logobg{
    width:1.44rem;
    height:1.44rem;
    background:#fff;
    margin:0 auto;
    border-radius:1rem;
    padding:0.12rem;
}
.logobg img{
    width:1.2rem;
    border-radius:1rem;
}
.download a{
    display: inline-block;
    width:4.6rem;
    height:1.1rem;
}
a img{
    width:100%;
}
p{
    font-size:0.36rem;
    color:#fff;
    margin-top:0.20rem;
}
.download{
    position: fixed;
    padding: .6rem 0.3rem;
    left: 0;
    bottom: 0;
}
.download a+a{
  margin-top: .2rem;
}
.iosdown{
    font-size:0.26rem;
}
</style>
<body>
    <div class="my_bg">
        <div class="logobg"><img src="/images/logo.png" alt=""></div>
        <p>鼎鐏国际</p>
        <div class="download">
            <a href="<?= url(['site/wxload', 'type' => 'android']) ?>"><img src="/images/andriod.png" alt=""></a>
            <a href="<?= url(['site/wxload', 'type' => 'ios']) ?>"><img src="/images/ios.png" alt=""></a>
            <p class="iosdown">ios用户下载后，点击设置-通用-设备管理<br>选择信任此应用，即可使用</p>
        </div>
        
    </div>
</body>
</html>

<script type="text/javascript"> 
setTimeout(function(){


     (function (doc, win) {
        var docEl = doc.documentElement, //html
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //事件名称
            recalc = function () {
                var clientWidth = docEl.clientWidth;

                console.log(clientWidth);
                if (!clientWidth) return;
                 if (clientWidth >= 750) {
                     docEl.style.fontSize = '100px';
                 }
                 else {
                     docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                 }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        recalc();
    })(document, window);


},100)
   
</script>